@charset "utf-8";
*{margin: 0; padding: 0; outline: none; list-style: none; font-family: "microsoft yahei";}
a{text-decoration: none;cursor: pointer;}
img{border: none; max-width: 100%;}
body{ background: #FFFFFF; overflow-x: hidden;}
.clearfix:after{content:"";display: block;clear: both;zoom: 1;}
.header{ padding: 10px 0;}
.header_center,.about,.products-center{ width: 1100px;margin:auto;}
.header_center .logo { width: 117px; height: 75px; float: left;}
.header_center .logo a,.header_center .logo img{display: block;margin: auto;}
.header_center .header_right {float: right;}
.search{ width: 225px; height: 31px; float: right; margin-bottom: 15px;}
.search input{ width: 192px; height: 29px; background: #FFFFFF; text-indent: 10px; float: left; border: 1px solid #D5D5D4; border-right: 0px; border-radius:5px 0 0 5px;-moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
.search a{ display: block; width: 32px; height: 31px; float: right; background: url(../img/ind_06.jpg) no-repeat center;}
.header_nav{ width: 100%; float: right;}
.header_center .header_right li {float: left; margin-left: 38px;}
.header_nav li a{ font-size: 16px; color: #000;}
.header_nav li a:hover,.yess{ color: #0062AE !important;}
.banner2 img{ display: block; margin: auto;}

.about{ margin: 33px auto;}
.con_top{ border-bottom: 1px solid #E2E2E2;}
.con_top div{ background: #FFFFFF; float: left; margin-bottom: -1px; font-size: 18px; color: #9A9B9C;}
.con_top div span{ font-size: 26px; color: #0062AE; border-left: 5px solid #0062AE; padding: 0 10px;}
.about-con{ margin-top: 40px;}
.about-left{ width: 477px; height: 315px; background: #DFDFDF; float: left; margin-left: 9px;}
.about-left img{ width: 477px; height: 315px; display: block; margin-left: -9px; margin-top: -9px;}
.about-right{ width: 580px; float: right;}
.about-right h2{ font-weight: normal; font-size: 26px; color: #333333;}
.about-right h3{ font-weight: normal; font-size: 16px; color: #979797;}
.about-right div{ font-size: 14px; color: #343434; line-height: 30px; margin-top: 10px;}
.more{ display: block; width: 97px; height: 33px; border: 1px solid #FFFFFF; padding: 0 24px; line-height: 33px; overflow: hidden; font-size: 14px; color: #FFFFFF; background: #0062AE url(../img/ind_16.png) no-repeat 95px 11px; margin-top: 25px; border-radius: 33px; -moz-border-radius: 33px; -webkit-border-radius: 33px;}

.products{ height: 510px;background: url(../img/pro_bg_02.jpg) no-repeat center bottom;}
.products-list{ margin-top: 50px;}
.pro_slider li img{ display: block; width: 100%;border: #ddd solid 1px;}
.pro_slider li p{ width: 100%; height: 59px; background: #FFFFFF; text-align: center; line-height: 59px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.products2{ padding: 33px 0; background: #F8F8F8;}

.contacts{ width: 1100px; margin: auto; padding: 35px 0;}
.contacts-list{ margin-top: 45px; margin-right: -36px;}
.contacts-list li{ width: 308px; padding: 17px; border-bottom: 3px solid #0062AE; background: #F8F8F8; float: left; margin-right: 36px;}
.contacts-list a{ display: block; padding-left: 80px;}
.ico1{ background: url(../img/ind_36.png) no-repeat center left;}
.ico2{ background: url(../img/ind_39.png) no-repeat center left;}
.ico3{ background: url(../img/ind_42.png) no-repeat center left;}
.contacts-list h3{ font-weight: normal; font-size: 18px; color: #333333; margin-bottom: 5px;}
.contacts-list div{ height: 75px; overflow: hidden; font-size: 14px; color: #818181;}

.links{ width: 1100px; margin: 0 auto 35px;    padding-top: 15px;}
.links-list{ margin-top: 34px;}
.links-slider li img{ display: block; width: 188px; height: 90px; border: 1px solid #E5E5E5;}

.details-adr{ width: 100%; height: 50px; background: #F2F2F2;}
.adr-left{ float: left; padding: 10px 0;}
.adr-left ul li{ float: left;}
.adr-left a{ display: block; line-height: 30px; padding: 0 20px; font-size: 15px; color: #3C3C3B; margin-right: 2px;}
.adr-left a:hover{background: #0062AE; color: #FFFFFF; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.adr-left a.active2{ background: #0062AE; color: #FFFFFF; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.adr-right{ float: right; font-size: 14px; color: #858585; line-height: 50px;}
.adr-right a{ color: #858585;}

.contents{ padding: 30px 0; background: #FAFAFA;}
.three-nav{ width: 1100px; margin:0 auto 30px;}
.three-nav ul li{ float: left; margin-right: 9px; margin-bottom: 5px;}
.three-nav a
{ display: block; font-size: 15px; color: #3C3C3B; line-height: 37px; padding: 0 20px; background: #E0DFDF; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.three-nav a:hover{ background: #1795f5; color: #fff;}
.three-navcur{ background: #1795f5 !important; color: #fff !important;}
.pro-list{ width: 1028px; min-height: 500px; background: #FFFFFF; margin: auto; padding: 35px; border: 1px solid #F7F7F7;}
.pro-list .pro_slider{ margin-right: -17px;}
.pro-list .pro_slider li{ width: 31.7%; float: left; margin-right: 17px;}

.abouts-con{ font-size: 14px; color: #333333; line-height: 25px; min-height: 450px;}

.pages{padding: 50px 0; text-align: center;}
.pages ul{display: inline-block;}
.pages ul li{ float: left; margin: 0 2px;}
.pages a{ display: block; font-size: 14px; color: #381315; line-height: 35px; border: 1px solid #3A4950; padding: 0 15px;}
.pages a.active3,.pages a:active{ background: #0062AE; color: #FFFFFF;}

.mess{ margin-bottom: 20px;}
.mess-img{ float: left;}
.mess-txt{ float: left; } 
.mess-txt h2{font-weight: normal; font-size: 26px; color: #333333;}
.mess-txt h3{ font-size: 20px; color: #000000; margin: 20px 0;}
.mess-txt div,.mess-cons{ font-size: 14px; color: #333333; line-height: 25px;}

.tishi{ font-size: 14px; color: #0062AE; margin-bottom: 40px;}
.messages-list ul li{ width: 100%; margin-bottom: 25px; position: relative; top: 0px; overflow: hidden;}
.mes-txt{ width: 90px; line-height: 43px; float: left; font-size: 16px; color: #333333;}
.messages-list ul li.li-l{ width: 50%; float: left;}
.mes-inp input,.mes-inp textarea{ width: 378px; height: 41px; text-indent: 10px; line-height: 41px; border: 1px solid #E9E7E7; background: #F5F5F5; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
.mes-inp textarea{ height: 188px;}
.li-l .mes-inp input{ width: 257px;}
.mes-inp select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent; width: 132px; padding-right: 50px; height: 41px; line-height: 41px; border: 1px solid #E9E7E7; background: #F5F5F5 url(../img/drop_03.png) no-repeat right ; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding-left: 30px; cursor: pointer;}
.mes-inp select::-ms-expand { display: none; }
.mes-inp a{ display: block; width: 155px; height: 42px; float: left; margin-right: 8px; text-align: center; line-height: 42px; font-size: 16px; color: #FFFFFF; background: #0062AE;border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
.mes-inp a button{display: block;
    width: 155px;
    height: 42px;
    float: left;
    margin-right: 8px;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #FFFFFF;
    background: #0062AE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0;
    cursor: pointer;
}
.mes-inp span{ font-size: 20px; color: #0062AE; margin-left: 5px; position: relative; top: 5px;}


.people-title{ border-bottom: 2px solid #0062AE; margin-bottom: 10px;}
.zhiwei,.didian,.rens{ width: 33.333%; float: left; text-align: center; line-height: 40px; font-size: 16px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.peoples-list .zhiwei,.peoples-list .didian,.peoples-list .rens{ font-size: 14px; color: #3A4950; }
.peoples-list li:hover{ background: #F2F2F2;}
.peoples-list li:hover .zhiwei,.peoples-list li:hover .didian,.peoples-list li:hover .rens{ color: #0062AE;}
.peoples-list li{ border-bottom: 1px dashed #D5D5D4;}

.footer{ background: #0062AE; padding: 44px 0;}
.footer_center,.adr_center{ width: 1100px; margin: auto;}
.footer-left{ float: left;}
.footer-left ul{ margin-bottom: 13px;}
.footer-left ul li{ float: left;}
.footer-left ul a{ font-size: 14px; color: #E4E3E3; margin-right: 22px; }
.footer-left div{ font-size: 14px; color: #E4E3E3;}
.footer-right{ float: right;}
.footer-right ul li{ width: 53px; float: left; margin-left: 20px; position: relative; top: 0px;}
.footer-right ul img{ display: block; margin: auto;}
#ewms{width: 145px; height: 145px;position: absolute;bottom: 55px;left: 50%;padding: 5px;background: #FFFFFF; margin-left: -76px; z-index: 99999;border: 1px solid #ccc; display: none;}
#ewms img{ display: block; margin: auto;}

.mes-inp select{ padding-right: 16px\0; padding-top: 10px\0; padding-bottom: 10px\0;}

.icos{ display: none; width: 50px; margin: 12px 0; font-style: normal;}
.icos img{ display: block; margin: auto;}

.sxnr{ margin: 30px auto 0;}
.sxnr a{ color: #0062AE; font-size: 14px; }
.sxnr a:hover{ color: #FFC732;}
.links_left{ float: left;}
.links_right{ float: right;}

@media only screen and (max-width:1024px ) {
	.header_center, .about, .products-center{ width: 96%; padding: 0 2%;}
	.contacts,.links,.footer_center, .adr_center,.three-nav{ width: 96%;}
	.about-left{ width: 45%;}
	.about-right{ width: 52%;}
	.links-list{ width: 90%; margin: 35px auto;}
	.contacts-list li{ width: 281px; margin-right: 20px;}
	.pro-list{ width: 95.5%; padding: 2%;}
	.pro-list .pro_slider{ margin-right: -1.6%;}
	.pro-list .pro_slider li{ margin-right: 1.6%;}
	.header_nav{ display: block;}	
}

@media only screen and (max-width:768px ) {
	.messages-list ul li.li-l{ width: 100%;}
	.about-left{ width: auto; height: auto; padding-bottom: 7px; margin:0 auto 20px;}
	.about-right{ width: 98%; margin: auto;}
	.contacts-list{ margin-right: 0px;}
	.pro-list .pro_slider{ margin-right: -3%;}
	.contacts-list li{ width: 96%; margin-right: 0px; padding: 2%; margin-bottom: 10px;}
	.pro-list .pro_slider li{ width: 47%; margin-right: 3%;}
	.search,.header_right .clearfix{ display: none;}
	.header_nav{ width: 180px; background: #FFFFFF; padding: 15px 10px; border: 1px solid #F2F2F2; border-top:none ; position: absolute; top: 95px; right: 0px; z-index: 999; display: none;}
	.header_nav ul li{ width: 100%; height: 40px; margin-left: 0px !important; text-align: center; line-height: 40px; border-bottom: 1px dashed #D5D5D4;}
	.header_nav ul li:last-child{ border-bottom: none;}
	.icos{ display: block;}
	.footer{ padding: 20px 0;}
	.footer-right{ margin-top: 10px;}
	.pro_slider li img{height: auto;}
}

@media only screen and (max-width:640px ) {
	.links-list{ width: 85%;}
	.adr-right{ display: none;}
	.hide-li{ display: none;}
	.pages{ padding: 25px 0;}
	.pages a{ line-height: 25px; padding: 0 10px;}
	.mes-inp{ position: absolute; left: 90px; right: 0px;}
	.mes-inp input, .mes-inp textarea,.li-l .mes-inp input{ width: 92%;}
	.li-textarea{ height: 190px;}
	.mes-inp a{ width: 45%; margin-right: 2.5%;}
	.messages-list ul li{margin-bottom: 15px;}
	.tishi{ margin-bottom: 25px;}
	.con_top div span{ padding: 0 3px;}
}

@media only screen and (max-width:414px ) {
	.header{ padding: 5px 0;}
	.about-left{ width: 96%; margin-left: 3%; float: none; padding-top: 1px;}
	.links-list{ width: 75%;}
	.header_center .logo{ width: 75px; height: auto;}
	.icos{ width: 35px; margin: 6px 0;}
	.header_nav{ top: 58px;}
	.about-left img{ height: auto;}
	.con_top div,.pro_slider li p{ font-size: 16px;}
	.con_top div span,.about-right h2,.mess-txt h2{ font-size: 22px;}
	.about-right h3{ font-size: 14px;}
	.mess-txt h3{ font-size: 18px; margin: 10px 0;}
	.three-nav{ margin: 0 auto 20px;}
}

@media only screen and (max-width:320px ) {
	.con_top div,.about-right h3{ font-size: 12px;}
	.con_top div span{ font-size: 18px; padding:0 3px;}
	.about{ margin: 20px auto;}
	.about-con,.products-list,.contacts-list{ margin-top: 25px;}
	.about-right h2{ font-size: 20px; }
	.about-right div{ line-height: 22px;}
	.pro_slider li img{ height: auto;}
	.products{ height: 430px;}

	.contacts-list h3{ font-size: 16px;}
	.links-list{ width: 62%;}
	.header_nav{ width: 150px; padding: 10px;}
	.header_nav li a{ font-size: 14px;}
	.header_nav ul li{ height: 35px; line-height: 35px;}
	.links{ display: none; }
}
@media only screen and (max-width:360px ) {
	.links{ display: none; }
}
@media only screen and (max-width:414px ) {
	.links{ display: none; }
}